<div class="fadeIn">
    <br>
    <ol class="breadcrumb" style="margin-bottom: 0px">
        <li class="active"><span class="glyphicon glyphicon-home" style="color:#23527c"></span>&nbsp;<mainpage></mainpage></li>
        <li class="active">业务工作台 / 短信查询 / 短信接收明细</li>
    </ol>
    <form class="form-inline" action="recvSm/out-excel" onkeydown="if(event.keyCode==13)return false;" method="post" id="form">
        <div class="clearfix"  style='margin-bottom:25px;'>
            <div class="control-group row marR10 marT15 left" style="margin-left:0px;">
                <span class="search-name">时间选择</span><span class='daysTip'>(查询时间范围不得超过31天)</span>
                <div class="controls">
                <div class="input-prepend input-group">
                <input type="text" ng-model="searchData.startDate"  placeholder="" name="startDate" style="display: none;">
                <input type="text" ng-model="searchData.endDate"   placeholder="" name="endDate" style="display: none;">
                <span class="add-on input-group-addon"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></span><input type="text" readonly style="width: 155px"  id="recieveStatDate" class="form-control"  /> 
               <!--  <span class="input-group-addon" ng-click='clearTime()'>清空</span> -->
                </div>
                </div>
            </div>
           <!--  <div class="left marT15 marR10">
                 <span class="search-name">数据范围</span>
                 <select class="form-control1"  ng-model="searchData.limitCount" name="range" style='width:80px'>ng-change='getSms()'
                   <option value="">全部</option>
                   <option value='500'>前500条</option>
                 </select>
             </div> -->
            <div class="left marR10 marT15">
                <span class="search-name">业务端类型</span>
                <select class="form-control1"  ng-model="searchData.svrNode" name="svrNode">
                <option value="">全部</option>
                <option value={{row.SVR_NODE}} ng-repeat="row in listData1">{{row.SVR_NODE_NAME}}</option>
                </select>
            </div>
            <!--<div class="input-group line left">
                <span class="input-group-addon">短信类型</span>
                <select class="form-control" ng-model="searchData.serviceCode">
                <option value="">全部</option>
                <option value={{row.serviceCode}} ng-repeat="row in listData2">{{row.serviceName}}</option>
                </select>
            </div>-->
            
            <div class="left marR10 marT15">
                <span class="search-name">接收号码</span>
                <input type="text" class="form-control1 userNo" placeholder="" 
                ng-model="searchData.userNo" 
                ng-keyup='search($event)'
                name="userNo">
            </div>
           
            <a href="javascript:;" class=" btn btn-sm btn-primary left marT15" id="search" ng-click='search()'><span class="glyphicon glyphicon-search"></span></a>
            <div class="right marT15" style="position:relative">
                <button class="btn btn-sm btn-primary" ng-click='outExcel()'><img style="width:25px; height:20px;" src="img/excel.png">导出表格<span ng-style='loadStyle' class="outExcelLoad"><img  src="img/load.gif"></span>
                </button>
            </div>
        </div>
    </form>

      <div class="table-box table-responsive">

            <table class="table table-bordered table-striped text-center bg-info">
                <thead >
                <tr class="info">
                    <th class="text-center">序号</th>
                    <th class="text-center">日期</th>
                    <th class="text-center">短信序号</th>
                    <th class="text-center">短信发往业务端</th>
                    <th class="text-center">接收号码</th>
                    <th class="text-center">短信内容</th>
                    <th class="text-center">接收时间</th>
                    <th class="text-center">发送时间</th>
                    <th class="text-center">发送结果</th>
                    <th class="text-center">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat = "Item in result">
                    <td>{{ $index+1 }}</td>
                    <td class="w85">{{ Item.recvTimeDate }}</td>
                    <td class="w85">{{ Item.smSeq }}</td>
                    <td class="w115">{{ Item.svrNodeName  }}</td>
                    <td class="w85">{{ Item.userNo  }}</td>
                    <td style="min-width: 300px; word-break: break-all;"><a class="" data-toggle="modal" data-target="#add" ng-click="seeDetail(Item.recId)">{{ Item.smContent | showSms}}</a></td>
                    <td class="w85">{{ Item.recvTimeTime  }}</td>
                    <td class="w85">{{ Item.sendTimeTime   }}</td>
                    <td class="w85">{{ Item.sendMsg}}</td>
                    <td class="w85"><a class="" data-toggle="modal" data-target="#add" ng-click="seeDetail(Item.recId)">查看详情</a></td>
                </tr>
                </tbody>
            </table>
        </div>


            <div class="flip">
                <page></page>
            </div>
        </div>
<!-- 查看详情弹窗 -->
<div class="modal fade" id="add" tabindex="-1" role="dialog" aria-labelledby="add">
    <div class="modal-dialog" role="document">
        <div class="modal-content" style="width:620px">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="">查看详情</h4>
            </div>
            <div class="modal-body">
               <div class="table-box">
                   <table class="table table-bordered table-striped text-center bg-info">
                <tbody>
                <tr> 
                    <td>短信序号:</td>
                    <td>{{ detailData.smSeq }}</td>
                    <td>接收通道:</td>
                    <td>{{ detailData.gateLinkName   }}</td>
                   
                </tr>
                <tr>
                    <td>发往业务端:</td>
                    <td>{{ detailData.svrNodeName  }}</td>
                    <td>接收时间:</td>
                    <td>{{ detailData.recvTimeTime   }}</td>
                </tr>
                <tr>
                    <td>发送号码:</td>
                    <td>{{ detailData.userNo  }}</td>
                    <td>接收端口:</td>
                    <td>{{ detailData.recvport  }}</td>
                </tr>
                <tr>
                    <td>转发时间:</td>
                    <td>{{ detailData.sendTimeTime  }}</td>
                    <td>转发结果码:</td>
                    <td>{{ detailData.sendCode   }}</td>
                   
                </tr>
                <tr> 
                    <td>转发结果说明:</td>
                    <td colspan='3'>{{ detailData.sendMsg   }}</td></tr>
                <tr>
                    <td>短信内容</td>
                    <td colspan="3">{{ detailData.smContent }}</td>
                </tr>
                </tbody>
            </table>
               </div>
                
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">取消</button>
            <!-- <button type="button" class="btn btn-primary btn-sm" ng-click="editSave()">保存</button> -->
        </div>
        </div>
    </div>
</div>
 <!-- 加载框 -->
   <span class='loaded' ng-show='loaded'><img  src="img/load.gif"></span>
 <!-- 加载框 完成-->